<template>
  <div class="page">
    <svg
      version="1.0"
      width="48"
      height="48"
      xmlns="http://www.w3.org/2000/svg"
      preserveAspectRatio="none"
      viewBox="0 0 100 100"
    >
      <defs>
        <mask id="msk1">
          <image
            id="logo-hanghang-mask2"
            width="100"
            height="100"
            xlink:href="data:img/png;base64,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"
          />
        </mask>
        <mask id="msk">
          <path
            class="cls-1"
            d="M99.91,100.05H-.09V.05h100ZM53.51,63.53c-.33,0-.17.42-.14.76s.05.89.07,1.34a69.53,69.53,0,0,1,.24,8.66,13.68,13.68,0,0,0,.06,2c.15,1.85.34,3.69.48,5.54.16,2,.26,4,.43,6A17.45,17.45,0,0,0,55,89.72a2.85,2.85,0,0,1-.67,0,13,13,0,0,1-1.82-.73c-2.08-1.15-4.15-2.34-6.21-3.53-1.53-.88-3.1-1.7-4.54-2.71-2.68-1.87-5.28-3.84-7.89-5.79a38.43,38.43,0,0,1-3.79-3c-2.92-2.81-5.76-5.7-8.61-8.58a76.8,76.8,0,0,1-7.55-8.86A41.49,41.49,0,0,1,6.66,41.22a13.8,13.8,0,0,1-.19-6.9,22.8,22.8,0,0,1,7.81-12.08c4.36-3.42,9.15-5.59,14.88-4.87a18.3,18.3,0,0,1,5.43,1.11,25.57,25.57,0,0,1,9.62,7.42,10.16,10.16,0,0,1,2.25,4.62,14.4,14.4,0,0,1-1.16,9.13,19.41,19.41,0,0,1-3.43,4.84,12.89,12.89,0,0,1-5.16,3.09,11.29,11.29,0,0,1-3.45.67A12.51,12.51,0,0,1,25.7,45.9a8.73,8.73,0,0,1-3.63-4.43A10.86,10.86,0,0,1,22,34.73a10.06,10.06,0,0,1,.87-2.12,5.49,5.49,0,0,1,3.45-2.34c2.5-.75,4.92-.83,7.13.84a2.74,2.74,0,0,0,.36.23l.06-.05a3.41,3.41,0,0,0-.65-.75,9.51,9.51,0,0,0-6.28-1.46,8.82,8.82,0,0,0-3.63,1.38,5.65,5.65,0,0,0-1.39,1.18c-1.6,2-2,4.37-2.48,6.77a1.71,1.71,0,0,0,0,.55c.14.84.29,1.67.43,2.5A10.47,10.47,0,0,0,22.69,47a16,16,0,0,0,6.68,4.13,10.36,10.36,0,0,0,4.42.6,18.23,18.23,0,0,0,7.71-2.8,14.58,14.58,0,0,0,5.84-5.94C48.27,41,49,39,49.76,37a1.2,1.2,0,0,0,0-.28c.08-1,.17-1.94.25-2.91a12.68,12.68,0,0,0,.09-1.74,14.93,14.93,0,0,0-2.67-7.36,23,23,0,0,0-7.13-6.6,24.27,24.27,0,0,0-16.09-3.37,18.79,18.79,0,0,0-7.88,3.12,33,33,0,0,0-6.29,5,21.83,21.83,0,0,0-3.62,5.06,33.33,33.33,0,0,0-1.79,5,19.61,19.61,0,0,0-.58,9.28A28.75,28.75,0,0,0,5.2,47.42,27.25,27.25,0,0,0,6.05,50c.57,1.25,1.23,2.45,1.92,3.64a73.16,73.16,0,0,0,9.41,12.25c2.19,2.43,4.66,4.61,7,6.88a86.67,86.67,0,0,0,9.82,7.57c.66.47,1.4.82,2.08,1.25,1.1.71,2.15,1.52,3.3,2.15,3.69,2,7.41,4,11.14,6,1.13.6,2.32,1.07,3.47,1.6a1,1,0,0,0,1.17-.21c1.93-1.64,3.85-3.29,5.81-4.89,4.24-3.49,8.53-6.92,12.76-10.43A41.8,41.8,0,0,0,81.79,67c1.22-1.8,2.29-3.7,3.52-5.49a14,14,0,0,0,2.09-3.69c0-.09.08-.17.12-.26,1.34-2.43,2.2-5.08,3.52-7.51.4-.74.62-1.58,1-2.31a50.66,50.66,0,0,0,2.55-6.48A6.87,6.87,0,0,1,95,40.13a4,4,0,0,0,.52-2.87c-.27-1.91-.6-3.81-.83-5.72a6.62,6.62,0,0,0-1.18-3.1c-1.25-1.82-2.38-3.73-3.58-5.59a2.3,2.3,0,0,0-.69-.7c-1-.65-2-1.26-3-1.88A16.1,16.1,0,0,0,82.31,18a24.34,24.34,0,0,1-2.9-1.21l-1.28-.56a10.79,10.79,0,0,0-1.55-.6,12.6,12.6,0,0,0-1.39-.12,27.5,27.5,0,0,0-2.82-.44,53.07,53.07,0,0,0-5.78,0,23.07,23.07,0,0,0-8.07,1.57c-1.17.51-2.4.88-3.6,1.3a.93.93,0,0,0-.68.86c-.16,1.64-.34,3.28-.47,4.93s-.2,3.55-.34,5.33c-.12,1.45-.32,2.9-.43,4.36-.13,1.72-.25,3.44-.29,5.16s0,3.19.09,4.78c.06,1.85.2,3.7.22,5.56,0,1.64-.13,3.29-.13,4.94,0,2.25.07,4.5.11,6.75,0,.71,0,.76-.74.77-1.39,0-2.78,0-4.17,0a2.61,2.61,0,0,1-.55-.08,41.32,41.32,0,0,0-4.06-.86,12.23,12.23,0,0,1-5.14-1.64c-1-.62-1.84-1.32-1.59-2.67a2,2,0,0,0-1-2.15,5.44,5.44,0,0,0-1.31-.62c-1-.32-1.34-.13-1.58.83s-.49,2.22-.72,3.34a30.39,30.39,0,0,0-.41,6.39c0,.61.28.91.89.92s1.39,0,2.08,0,.92-.23.93-1,0-1.54,0-2.31.54-.95,1.1-.58a15.45,15.45,0,0,0,5.42,2,47.18,47.18,0,0,0,5.95.74,29.31,29.31,0,0,0,3.38,0c.67,0,1.34-.12,2-.15"
            transform="translate(0.21 0.07)"
          />
          <path
            class="cls-2"
            d="M53.51,63.53c-.67,0-1.34.14-2,.15a29.31,29.31,0,0,1-3.38,0,47.18,47.18,0,0,1-5.95-.74,15.45,15.45,0,0,1-5.42-2c-.56-.37-1.06-.1-1.1.58s0,1.54,0,2.31-.18.93-.93,1-1.38.06-2.08,0-.88-.31-.89-.92a30.39,30.39,0,0,1,.41-6.39c.23-1.12.43-2.24.72-3.34s.63-1.15,1.58-.83a5.44,5.44,0,0,1,1.31.62,2,2,0,0,1,1,2.15c-.25,1.35.57,2.05,1.59,2.67a12.23,12.23,0,0,0,5.14,1.64,41.32,41.32,0,0,1,4.06.86,2.61,2.61,0,0,0,.55.08c1.39,0,2.78,0,4.17,0,.73,0,.75-.06.74-.77,0-2.25-.11-4.5-.11-6.75,0-1.65.15-3.3.13-4.94,0-1.86-.16-3.71-.22-5.56,0-1.59-.12-3.19-.09-4.78s.16-3.44.29-5.16c.11-1.46.31-2.91.43-4.36.14-1.78.2-3.56.34-5.33s.31-3.29.47-4.93a.93.93,0,0,1,.68-.86c1.2-.42,2.43-.79,3.6-1.3a23.07,23.07,0,0,1,8.07-1.57,53.07,53.07,0,0,1,5.78,0,27.5,27.5,0,0,1,2.82.44,12.6,12.6,0,0,1,1.39.12,10.79,10.79,0,0,1,1.55.6l1.28.56A24.34,24.34,0,0,0,82.31,18a16.1,16.1,0,0,1,3.93,2.25c1,.62,2,1.23,3,1.88a2.3,2.3,0,0,1,.69.7c1.2,1.86,2.33,3.77,3.58,5.59a6.62,6.62,0,0,1,1.18,3.1c.23,1.91.56,3.81.83,5.72A4,4,0,0,1,95,40.13a6.87,6.87,0,0,0-.39,1.16,50.66,50.66,0,0,1-2.55,6.48c-.41.73-.63,1.57-1,2.31-1.32,2.43-2.18,5.08-3.52,7.51,0,.09-.09.17-.12.26a14,14,0,0,1-2.09,3.69C84.08,63.33,83,65.23,81.79,67A41.8,41.8,0,0,1,74,75.83c-4.23,3.51-8.52,6.94-12.76,10.43-2,1.6-3.88,3.25-5.81,4.89a1,1,0,0,1-1.17.21c-1.15-.53-2.34-1-3.47-1.6-3.73-2-7.45-4-11.14-6-1.15-.63-2.2-1.44-3.3-2.15-.68-.43-1.42-.78-2.08-1.25a86.67,86.67,0,0,1-9.82-7.57c-2.37-2.27-4.84-4.45-7-6.88A73.16,73.16,0,0,1,8,53.66C7.28,52.47,6.62,51.27,6.05,50a27.25,27.25,0,0,1-.85-2.6,28.75,28.75,0,0,1-1.12-5.19A19.61,19.61,0,0,1,4.66,33a33.33,33.33,0,0,1,1.79-5,21.83,21.83,0,0,1,3.62-5.06,33,33,0,0,1,6.29-5,18.79,18.79,0,0,1,7.88-3.12,24.27,24.27,0,0,1,16.09,3.37,23,23,0,0,1,7.13,6.6,14.93,14.93,0,0,1,2.67,7.36A12.68,12.68,0,0,1,50,33.83c-.08,1-.17,1.94-.25,2.91a1.2,1.2,0,0,1,0,.28c-.8,2-1.49,4-2.42,5.92a14.58,14.58,0,0,1-5.84,5.94,18.23,18.23,0,0,1-7.71,2.8,10.36,10.36,0,0,1-4.42-.6A16,16,0,0,1,22.69,47a10.47,10.47,0,0,1-2.79-5.49c-.14-.83-.29-1.66-.43-2.5a1.71,1.71,0,0,1,0-.55c.45-2.4.88-4.81,2.48-6.77a5.65,5.65,0,0,1,1.39-1.18,8.82,8.82,0,0,1,3.63-1.38,9.51,9.51,0,0,1,6.28,1.46,3.41,3.41,0,0,1,.65.75l-.06.05a2.74,2.74,0,0,1-.36-.23c-2.21-1.67-4.63-1.59-7.13-.84a5.49,5.49,0,0,0-3.45,2.34A10.06,10.06,0,0,0,22,34.73a10.86,10.86,0,0,0,.07,6.74A8.73,8.73,0,0,0,25.7,45.9a12.51,12.51,0,0,0,7.56,2.35,11.29,11.29,0,0,0,3.45-.67,12.89,12.89,0,0,0,5.16-3.09,19.41,19.41,0,0,0,3.43-4.84,14.4,14.4,0,0,0,1.16-9.13,10.16,10.16,0,0,0-2.25-4.62,25.57,25.57,0,0,0-9.62-7.42,18.3,18.3,0,0,0-5.43-1.11c-5.73-.72-10.52,1.45-14.88,4.87A22.8,22.8,0,0,0,6.47,34.32a13.8,13.8,0,0,0,.19,6.9,41.49,41.49,0,0,0,7.23,15.25,76.8,76.8,0,0,0,7.55,8.86c2.85,2.88,5.69,5.77,8.61,8.58a38.43,38.43,0,0,0,3.79,3c2.61,2,5.21,3.92,7.89,5.79,1.44,1,3,1.83,4.54,2.71,2.06,1.19,4.13,2.38,6.21,3.53a13,13,0,0,0,1.82.73,2.85,2.85,0,0,0,.67,0,17.45,17.45,0,0,1-.32-1.87c-.17-2-.27-4-.43-6-.14-1.85-.33-3.69-.48-5.54a13.68,13.68,0,0,1-.06-2,69.53,69.53,0,0,0-.24-8.66c0-.45,0-.9-.07-1.34s-.19-.74.14-.76m3.85.38c.06,1.35.16,2.7.2,4A90.88,90.88,0,0,1,57.19,79a21.77,21.77,0,0,1-1,5.79,30,30,0,0,0-1,4,1.33,1.33,0,0,0,.08.51,2,2,0,0,0,.51-.15,6.61,6.61,0,0,0,.89-.69c1.93-1.84,3.86-3.67,5.75-5.54,2.76-2.71,5.51-5.42,8.22-8.18,2-2.08,4.14-4.15,6-6.37A45,45,0,0,0,83.9,56.17c1.31-3.2,2.33-6.53,3.43-9.82A11.92,11.92,0,0,0,87.76,44c.19-1.62,0-3.27.63-4.83a1.35,1.35,0,0,0,0-.45c0-2.16,0-4.31,0-6.47a1.43,1.43,0,0,0-.1-.49c-.38-1-.78-2-1.17-3a9.43,9.43,0,0,0-2-3.74,29,29,0,0,1-2.08-2.21,39.86,39.86,0,0,0-5.78-5.16A5.18,5.18,0,0,0,76.11,17a1.19,1.19,0,0,0-.65,0c-.8.14-1.6.36-2.41.46-2.07.23-4.15.35-6.21.62A56.32,56.32,0,0,0,56.7,20.6a7.89,7.89,0,0,0-1,.48,1.64,1.64,0,0,0-1,1.88c.16,2.09.25,4.19.36,6.28s.19,4.27.33,6.4q.24,3.77.56,7.51c.1,1.14.25,2.27.39,3.41.19,1.42.49,2.84.57,4.27.13,2.4.12,4.8.18,7.2,0,.76.08,1.52.12,2.3a4.31,4.31,0,0,0,2.66-1.27c2.24-2.32,4.45-4.66,6.73-7a2.93,2.93,0,0,0,1-2.31,3.52,3.52,0,0,1,1.16-3A1,1,0,0,1,70,46.6a7.33,7.33,0,0,1,2.67,2.83c1,1.79,1.92,3.61,2.86,5.42a3.55,3.55,0,0,1,.29.85c.15.64,0,1-.62,1.09a10.49,10.49,0,0,1-2.17.1,1.44,1.44,0,0,1-1.45-1c-.14-.39-.33-.76-.49-1.14a1.16,1.16,0,0,0-1-.85,1.05,1.05,0,0,0-1,.66,20.8,20.8,0,0,0-1.2,2.41,5.28,5.28,0,0,1-2.46,3c-1,.55-2.12,1-3.11,1.7A11,11,0,0,1,58.19,63"
            transform="translate(0.21 0.07)"
          />
          <path
            class="cls-3"
            d="M58.19,63a11,11,0,0,0,4.17-1.37c1-.65,2.06-1.15,3.11-1.7a5.28,5.28,0,0,0,2.46-3,20.8,20.8,0,0,1,1.2-2.41,1.05,1.05,0,0,1,1-.66,1.16,1.16,0,0,1,1,.85c.16.38.35.75.49,1.14a1.44,1.44,0,0,0,1.45,1,10.49,10.49,0,0,0,2.17-.1c.65-.13.77-.45.62-1.09a3.55,3.55,0,0,0-.29-.85c-.94-1.81-1.86-3.63-2.86-5.42A7.33,7.33,0,0,0,70,46.6a1,1,0,0,0-1.25.16,3.52,3.52,0,0,0-1.16,3,2.93,2.93,0,0,1-1,2.31c-2.28,2.29-4.49,4.63-6.73,7a4.31,4.31,0,0,1-2.66,1.27c0-.78-.1-1.54-.12-2.3-.06-2.4,0-4.8-.18-7.2-.08-1.43-.38-2.85-.57-4.27-.14-1.14-.29-2.27-.39-3.41q-.31-3.75-.56-7.51c-.14-2.13-.21-4.26-.33-6.4s-.2-4.19-.36-6.28a1.64,1.64,0,0,1,1-1.88,7.89,7.89,0,0,1,1-.48,56.32,56.32,0,0,1,10.14-2.52c2.06-.27,4.14-.39,6.21-.62.81-.1,1.61-.32,2.41-.46a1.19,1.19,0,0,1,.65,0,5.18,5.18,0,0,1,1.18.64,39.86,39.86,0,0,1,5.78,5.16A29,29,0,0,0,85.15,25a9.43,9.43,0,0,1,2,3.74c.39,1,.79,2,1.17,3a1.43,1.43,0,0,1,.1.49c0,2.16,0,4.31,0,6.47a1.35,1.35,0,0,1,0,.45c-.6,1.56-.44,3.21-.63,4.83a11.92,11.92,0,0,1-.43,2.31c-1.1,3.29-2.12,6.62-3.43,9.82a45,45,0,0,1-7.25,12.26c-1.89,2.22-4,4.29-6,6.37-2.71,2.76-5.46,5.47-8.22,8.18-1.89,1.87-3.82,3.7-5.75,5.54a6.61,6.61,0,0,1-.89.69,2,2,0,0,1-.51.15,1.33,1.33,0,0,1-.08-.51,30,30,0,0,1,1-4,21.77,21.77,0,0,0,1-5.79A90.88,90.88,0,0,0,57.56,68c0-1.35-.14-2.7-.2-4,0-.38,1.22-1,.83-.88"
            transform="translate(0.21 0.07)"
          />
        </mask>
        <g id="logo-j">
          <path
            d="M35,31s-6.935-5.468-12,0-0.1,14,0,14,7.749,10.88,21-1-4-25-4-25-12.069-8.725-24,0S2.757,47.953,14,59C26.157,70.946,48.612,89.87,55,90"
          />
        </g>
        <g id="logo-d">
          <path
            id="D"
            d="M54,20l1,67V20c0.045-.038,13.9-9.867,32,2,5.508,5.718,7.625,17.01,4,24S84.373,70.375,55,91"
          />
        </g>
        <g id="logo-h1">
          <path d="M35,54L33,64" />
        </g>
        <g id="logo-h2">
          <path d="M34,59s26.512,11.928,36-9" />
        </g>
        <g id="logo-h3">
          <path d="M70,48l4,8" />
        </g>
      </defs>
      <use
        class="path-group path-group-1"
        xlink:href="#logo-j"
        x="0"
        y="0"
        mask="url(#msk)"
      />
      <use
        class="path-group path-group-2"
        xlink:href="#logo-d"
        x="0"
        y="0"
        mask="url(#msk)"
      />
      <use
        class="path-group h-group-1"
        xlink:href="#logo-h1"
        x="0"
        y="0"
        mask="url(#msk)"
      />
      <use
        class="path-group h-group-2"
        xlink:href="#logo-h2"
        x="0"
        y="0"
        mask="url(#msk)"
      />
      <use
        class="path-group h-group-3"
        xlink:href="#logo-h3"
        x="0"
        y="0"
        mask="url(#msk)"
      />
      <!-- <use class="path-group path-group-1" xlink:href="#logo-j" x="0" y="0" />
      <use class="path-group path-group-2" xlink:href="#logo-d" x="0" y="0" />
      <use class="path-group h-group-1" xlink:href="#logo-h1" x="0" y="0" />
      <use class="path-group h-group-2" xlink:href="#logo-h2" x="0" y="0" />
      <use class="path-group h-group-3" xlink:href="#logo-h3" x="0" y="0" /> -->
    </svg>
  </div>
</template>

<style>
.page {
  /* width: 100px;
  height: 100px; */
}

.path-group {
  --j-len: 210;
  --d-len: 270;
  --h1-len: 11;
  --h2-len: 42;
  --h3-len: 9;

  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;

  stroke: #000000;
}

.dark .path-group {
  stroke: #ffffff;
}

.path-group-1 {
  stroke-dasharray: var(--j-len);
  stroke-dashoffset: var(--j-len);
  animation: stroke-j 3s linear 0.5s both infinite alternate;
}

.path-group-2 {
  stroke-dasharray: var(--d-len);
  stroke-dashoffset: var(--d-len);
  animation: stroke-d 3s linear 0.5s both infinite alternate;
}

.h-group-1 {
  stroke: red !important;
  stroke-dasharray: var(--h1-len);
  stroke-dashoffset: var(--h1-len);
  animation: stroke-h1 3s linear 0.5s both infinite alternate;
}

.h-group-2 {
  stroke: red !important;
  stroke-dasharray: var(--h2-len);
  stroke-dashoffset: var(--h2-len);
  stroke-width: 2.5px;
  animation: stroke-h2 3s linear 0.5s both infinite alternate;
}

.h-group-3 {
  stroke: red !important;
  stroke-dasharray: var(--h3-len);
  stroke-dashoffset: var(--h3-len);
  animation: stroke-h3 3s linear 0.5s both infinite alternate;
}

@keyframes stroke-j {
  0%,
  20% {
    stroke-dashoffset: var(--j-len);
  }
  80%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke-d {
  0%,
  20% {
    stroke-dashoffset: var(--d-len);
  }
  80%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke-h1 {
  0%,
  20% {
    stroke-dashoffset: var(--h1-len);
  }
  30%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke-h2 {
  0%,
  30% {
    stroke-dashoffset: var(--h2-len);
  }
  70%,
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke-h3 {
  0%,
  70% {
    stroke-dashoffset: var(--h3-len);
  }
  80%,
  100% {
    stroke-dashoffset: 0;
  }
}
.cls-1 {
  stroke: #fff;
}
.cls-1,
.cls-2,
.cls-3 {
  stroke-miterlimit: 10;
  stroke-width: 0.25px;
}
.cls-2 {
  fill: #fff;
}
.cls-2,
.cls-3 {
  stroke: #000;
}
</style>
